
// 枚举
enum Color{
    'red'=0,
    'skyblue',
    'sandybrown',
    'yellow'
}
// 获取所有的button按钮并进行非空断言
const btns:Element[]|null=Array.from(document.querySelectorAll('button'))
// button按钮循环遍历
btns.forEach((item,index)=>{
    //   添加点击事件
    item.addEventListener('click',(e)=>{
        //  创建一个div元素
        let div=document.createElement('div')
        // 添加类名
        div.className='dis'
        //  在页面进行追加
        document.querySelector('body')?.appendChild(div),
        //   给元素添加颜色
        div.style.background=Color[index]
        //    获取text内容
        let is:any=item.getAttribute('text')
        //    把内容赋值给创建的div元素
        div.innerHTML=is
   

        setTimeout(()=>{
            //  三秒后div元素消失
            let dis=document.querySelector('.dis')

            dis?.remove()

        },3000)

})
    
})

